// pages/cityList.js
import { city } from "../../api/cityData.js";
import {getCityList} from '../../utils/userLocation';
const app = getApp();
Page({

    /**
     * 页面的初始数据
     */
    data: {
        cityList: city, // 城市数据
        hot: ['上海', '深圳', '北京', '广州', '昆明', '杭州', '南京', '重庆', '东莞', '郑州'], // 热门城市
        sId: '',
        cityName: '', // 当前定位的城市
        selectedCity: '', // 当前选择的城市
    },

    // 首字母检索点击
    fnWord: function (e) {
        let index = e.currentTarget.dataset.index;
        let sId = 'YH' + index;
        // if (this.data.sId === sId) {
        //     return;
        // }
        this.setData({ sId });
        // console.log(this.data.sId);
    },

    // 获取定位和当前城市信息
    fnGetAddressInfo: function () {
        let _that = this;
        let userAddress = app.get('__user__address');
        let cityName = userAddress.address_component.city;
        _that.setData({cityName});
    },

    // 点击城市
    cityClick: function (e) {
        let {index, type} = e.currentTarget.dataset, city;
        if (type === 'hot') {
            city = this.data.hot[index];
        }
        if (type === 'normal') {
            let ids = index.split(',');
            
            city = this.data.cityList[+ids[0]]['lists'][+ids[1]];
            // console.log(ids, city);
        }
        this.setData({selectedCity: city});
        console.log(city);
        
        app.set('__selected__city', city);
    },

    // 获取城市列表
    fnGetCityList: function () {
        let _that = this;
        getCityList().then(function(res) {
            console.log(res);
        })
    },

    /**
     * 生命周期函数--监听页面加载
     */
    onLoad: function (options) {
        var city = app.get('__selected__city');
        if (city) {
            this.setData({selectedCity: city});
        }

        // this.fnGetCityList();

        this.fnGetAddressInfo();

    },

    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady: function () {

    },

    /**
     * 生命周期函数--监听页面显示
     */
    onShow: function () {

    },

    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide: function () {

    },

    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload: function () {

    },

    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh: function () {

    },

    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom: function () {

    },

    /**
     * 用户点击右上角分享
     */
    onShareAppMessage: function () {

    }
})